CSS position
position の種類
static:初期値はこれ。指定することはほとんどない
relative:現在の位置を基準に相対的な位置を決める
absolute:親要素を基準に絶対的な位置を決める
fixed:画面のきまった位置に固定する
その後、top bottom left rightで具体的な位置を調整
デフォルト値は static
指定することはほとんどない
位置が調整できない
z-indexを指定できない
relative
現在の位置から、top bottom left right 分だけ調整する
指定しなければ、static の時と同じ位置になる
z-indexが指定できる
absolute
親要素を基準に絶対的な位置
絶対的な位置というのは、、要素がどんな形であろうと、間に他の要素や余白が入っていようと、その位置に配置するということ
fixed
画面の決まった位置に要素を固定させたいとき
ブラウザに対しての位置になるため、スクロールに追従しない
例えばトップメニューなど
absolute は親要素を基準にしているが、fixed は親要素ではなくウインドウ全体を基準にする